* {

   -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

/*禁止文本缩放 字体设置  取消touch高亮效果*/

html {

    width: 100%;

    height: 100%;

   margin: 0px;

   padding: 0px;

   -webkit-text-size-adjust: 100%;

   font-family: -apple-system, "PingFang SC","Helvetica Neue", Helvetica, STHeiTi, sans-serif;

   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

   font-size: 62.5%;

    background: transparent;
    
	touch-action: none
   }

body {

    width: 100%;

    height: 100%;

   -webkit-overflow-scrolling: touch;
   

 }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary {

    margin: 0;

    padding: 0;

}

/*//清除输入框内阴影*/

input, select,textarea {

border: 0;

-webkit-appearance: none;

appearance:none;

}

ol, ul {

    list-style: none;

}

/*//禁止选中文本内容*/

*:not(input, select, textArea) {

    -webkit-user-select: none;

}

/*//禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加*/

img,a{

-webkit-touch-callout:none;

}

a,a:active,a:hover {

text-decoration: none;

}

/*//去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)*/

a,button,input,textarea{ 
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a,a:active{
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
	color: #333;
}

/*a.mui-active {
    background-color: #fff!important;
}*/

a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    /*background: none;*/
    text-decoration: none;
}

em , i{ font-style: normal;}
.fl { float: left; }
.fr { float: right; }
.clearfix{ zoom: 1; }
.clearfix:after{ clear: both; display: block; content: ""; visibility: hidden; height: 0; }

/*溢出省略号*/
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellipsis2 { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*适配iPhone X 页面主体内容限定在安全区域内*/
body {
	/*解决小黑条遮挡页面最底部内容*/
	padding-bottom: constant(safe-area-inset-bottom);
}
/*fixed 元素的适配*/
.mui-bar{
	top: constant(safe-area-inset-top);
	bottom: constant(safe-area-inset-bottom);
}
/*只希望 iPhoneX 才需要新增适配样式*/
@supports (constant(safe-area-inset-top)) { 
	.mui-bar { 
		top: constant(safe-area-inset-top); 
		bottom: constant(safe-area-inset-bottom);
	} 
}

/*去除a标签点击时的灰色背景*/
a.mui-active { background-color: #fff;}
body{ background: #fff; color: #384049;}
.mui-content{ background: #fff;}
.fwb{ font-weight: bold!important;}
.fl{ float: left;}
.fr{ float: right;}
.fs12{ font-size: 12px!important;}
.fs14{ font-size: 14px!important;}
.fs15{ font-size: 15px!important;}

.p0{ padding: 0!important;}
.pt0{ padding-top: 0!important;}
.m0{ margin: 0!important;}
.mb0{ margin-bottom: 0!important;}
.h20{ height: 20px!important;}
.mt0{ margin-top: 0!important;}
.mt-40{ margin-top: -40px!important;}
.mt10{ margin-top: 10px!important;}
.mt20{ margin-top: 20px!important;}
.mt24{ margin-top: 24px!important;}
.mt30{ margin-top: 30px!important;}
.ml15{ margin-left: 15px!important;}
.pad0{ padding: 0px!important;}
.p15{ padding: 15px!important;}
.pt5{ padding-top: 5px!important;}
.pt20{ padding-top: 20px!important;}
.pt30{ padding-top: 30px!important;}
.pt60{ padding-top: 60px!important;}
.pt64{ padding-top: 64px!important;}
.pb15{ padding-bottom: 15px!important;}
.pb20{ padding-bottom: 20px!important;}
.pl20{ padding-left: 20px!important;}
.p015{ padding: 0 15px!important;}
.lh20{ line-height: 20px!important;}
.h50p{ height: 50%!important;}
.w20p{ width: 20%!important;}
.w30p{ width: 30%!important;}
.w40p{ width: 40%!important;}
.w50p{ width: 50%!important;}
.bdn{ border: none!important;}
.tac{ text-align: center!important;}
.none{ display: none!important;}
.bxn{ box-shadow: none!important;}
.bxn1{box-shadow: none!important;}
.red{ color: #EA2520!important;}
.grey{ color: #888!important;}
.green{ color: #24BC58!important;}
.blue{ color: #4684EA!important;}
.orange{ color: #FFBC18!important;}
.db{ display: block!important;}
.bgLight{ background: #FAFAFF;}

/*重置mui搜索样式*/
.mui-input-row{ clear: none;}
input[type=search]{ text-align: left;}

/*图标样式*/
/*.mui-icon{ background: #eee;}*/
.mui-icon-people{ font-size: 14px;}

/*按钮样式*/
.form_login_btn .login_btn ,.vip_btn ,.useBtn a ,.saveBtn a ,.fix_exer_result a ,.resolve_box li a ,.error_submit_btn ,.studyBtn ,.buyBook a ,.fix_kf_btn a ,.buttonGroup a ,.fix_vbtn a ,.feed_btn a ,.update_btn ,.comfirm_btn button ,.fix_buy_btn a ,.mall_price_btn a{ height: 40px; line-height: 40px; text-align: center; font-size: 14px; background: -webkit-linear-gradient(left, #fd4b46, #e9231e); border:none; color: #fff; border-radius: 20px;}
.form_login_btn .login_btn:active ,.vip_btn:active ,.useBtn a:active ,.saveBtn a:active ,.fix_exer_result a:active ,.resolve_box li a:active ,.error_submit_btn:active ,.studyBtn:active ,.buyBook a:active ,.fix_kf_btn a:active ,.buttonGroup a.zfdd_btn:active ,.fix_vbtn a:active ,.feed_btn a:active ,.update_btn:active ,.comfirm_btn button:active ,.fix_buy_btn a:active ,.mall_price_btn a:active ,.fix_rp .fixMallBtn:active{ opacity: .6; color: #fff;}

.fixShadow{ position: fixed; z-index: 99; bottom: -1px; left: 0; right: 0; width: 100%; height: 1px; box-shadow: 0 -1px 6px rgba(0,0,0,.15);}
.fengeLine{ height:10px; background: #F8F8FA; margin-bottom: 25px;}
.fengeLine3{ height:10px; background: #F8F8FA;}
.noNetwork{ height: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.noNetwork img{ width: 160px;}
.noNetwork p{ padding-top: 10px; font-size: 16px; color: #848A90;}

/*动画*/
.questionfade-enter-active ,.questionfade-leave-active{ transition: all 0.3s;}
.questionfade-enter{ transform: translate3d(100%, 0, 0);}
.questionfade-leave-to{ transform: translate3d(0, 0, 0);}

.moveLeft-enter-active ,.moveLeft-leave-active{ transition: all .3s;}
.moveLeft-enter{ transform: translateX(0);}
.moveLeft-leave-to{ transform: translateX(-100%);}

.moveRight-enter-active ,.moveRight-leave-active{ transition: all .3s;}
.moveRight-enter{ transform: translateX(0);}
.moveRight-leave-to{ transform: translateX(100%);}

.font-enter-active ,.font-leave-active{ transition: all .3s}
.font-enter{ transform: translateY(100%);}
.font-leave-to{ transform: translateY(100%);}

/*新闻标题*/
.news_tt{ font-size: 15px; font-weight: bold; color: #333;}
.icon_xs{ display: inline-block; width: 4px; height: 14px; background: #EA2520; border-radius: 0px; margin-right: 5px; position: relative; top: 1px;}

/*合并首页、我的收藏(课程，电子书)，学习中心模块样式*/
.course_list{ padding: 20px 15px; display: flex;}
.course_rtxt{ display: flex; flex-direction: column; justify-content: space-between; flex: 1; overflow: visible!important;}
.course_pic{ max-width: 100%!important; height: 30%!important; width: 40%!important; display: inline-block; border-radius: 2px; margin-right: 10px;}
.course_nr ul{ background: transparent;}
.course_nr li{ background: #fff; }
.course_rtxt h4{ font-size: 15px; font-weight: normal; white-space: normal; line-height: 1.4; color: #000; text-align: justify; }

.person_price{ display: flex; justify-content: space-between; color: #ccc; margin-bottom: -6px!important;}
.courseStudy{ }
.coursePrice{ color: #EA2520; font-size: 14px; font-weight: bold; text-align: right;}
.coursePrice em{ font-size: 12px; font-weight: normal;}

/*电子书样式*/
.book_rtxt{ display: flex; flex-direction: column; justify-content: space-between; flex: 1; overflow: visible!important;}
.book_rtxt h4{ font-size: 15px; font-weight: normal; white-space: normal; line-height: 1.4; color: #000; text-align: justify;}
.timePerson{ font-size: 13px; color: #ccc; text-align: justify;}

.readContent ul{ background: transparent;}
.readContent li{ background: #fff;}
.book_rec{ padding: 15px; margin-top: 20px;}
.book_rec_tt{ padding-bottom: 15px; display: flex; justify-content: space-between;}
.book_rec_tt h3{ font-size: 18px;}
.book_rec_tt h3 span{ padding-left: 5px;}
.icon_yh img{ width: 20px; height: 17px; position: relative; top: 1px;}
.changeGroup{ display: inline-block; font-size: 13px; color: #888; width: 59px; height: 22px; text-align: center; line-height: 22px; background: #eee; border-radius: 10px;}

.book_rec_nr{ padding-bottom: 20px; border-bottom: 1px solid #F8F8F8;}
.book_rec_nr ul{ display: flex; justify-content: space-around;}
.book_rec_nr li{ text-align: center; width: 85px;}
.book_rec_nr li img{ width: 85px; height: 121px; box-shadow: 2px 2px 4px rgba(0,0,0,.2);}
.book_rec_nr li p{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#ebook_lists ul{ background: transparent;}
.read_nr li{ background: #fff; padding: 20px 15px; display: flex;}
.xsrd_list img.xsrd_pic{ max-width: 100%; height: 30%!important; width: 25%!important; border-radius: 2px; margin-right: 10px; }
.xs_person_price{ display: flex; justify-content: space-between; font-size: 14px; color: #ccc; margin-bottom: -6px!important;}

.myorderfade-enter-active{
    transition: all 0.3s;
}
.myorderfade-leave-active{
    transition: all 0s;
}

.myorderfade-enter{
    transform: translate3d(100%, 0, 0);
}
.myorderfade-leave-to{
    transform: translate3d(0, 0, 0);
}